<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<div id="sidebar" th:fragment="left-menu" class="sticky sidebar-nav fade mini-sidebar " style="width: 60px;">
    <div class="modal-dialog h-100  sidebar-nav-inner">
        <div class="sidebar-logo border-bottom border-color">
            <!-- logo -->
            <div class="logo overflow-hidden">
                <a href="" class="logo-expanded">
                    <img th:src="@{/images/left-menu/logo-black.png}" height="40" class="logo-light"
                         alt="凝夜紫导航">
                    <img th:src="@{/images/left-menu/logo-white.png}" height="40" class="logo-dark d-none"
                         alt="凝夜紫导航">
                </a>
                <a href="" class="logo-collapsed">
                    <img th:src="@{/images/left-menu/logo40.png}" height="40" class="logo-light"
                         alt="凝夜紫导航">
                    <img th:src="@{/images/left-menu/logo40.png}" height="40" class="logo-dark d-none"
                         alt="凝夜紫导航">
                </a>
            </div>
            <!-- logo end -->
        </div>
        <!-- 左侧菜单 start -->
        <div class="sidebar-menu flex-fill">
            <div class="sidebar-scroll">
                <div class="sidebar-menu-inner">
                    <ul>
                        <li class="sidebar-item top-menu">
                            <a href="javascript:;" class="smooth change-href">
                                <i class="iconfont icon-category icon-fw icon-lg mr-2"></i>
                                <span>凝夜紫导航</span>
                                <i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
                            </a>
                            <ul>
                                <li id="menu-item-281"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-281">
                                    <a href="https://liutongxu.github.io">
                                        <i class="fa fa-home fa-lg mr-2"></i>
                                        <span>首页</span></a>
                                </li>
                                <li id="menu-item-786"
                                    class="menu-item menu-item-type-custom menu-item-object-custom menu-item-786">
                                    <a target="_blank" rel="noopener" href="javascript:;">
                                        <i class="fa fa-flag fa-lg mr-2"></i>
                                        <span>日志</span></a>
                                </li>
                                <li id="menu-item-284"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-284">
                                    <a href="#">
                                        <i class="fa fa-info-circle fa-lg mr-2"></i>
                                        <span>关于</span></a>
                                    <ul class="sub-menu">
<!--                                        <li id="menu-item-264"-->
<!--                                            class="menu-item menu-item-type-post_type menu-item-object-page menu-item-264">-->
<!--                                            <a href="https://weibo.com/hiliutongxu" target="_blank">所长微博</a>-->
<!--                                        </li>-->
                                        <li id="menu-item-285"
                                            class="menu-item menu-item-type-custom menu-item-object-custom menu-item-285">
                                            <a href="#">关于导航</a>
                                        </li>
                                    </ul>
                                </li>

                            </ul>
                        </li>
                        <li class="sidebar-item" th:each="navCategory : ${navCategoryList}" th:classappend="${navCategory.name == '安天利信' ? 'atlx-hidden' : ''}">
                            <a th:href="${'#term-' + navCategory.id}" class="smooth change-href">
                                <i th:class="${navCategory.meta[icon] + ' icon-fw icon-lg'}"></i>
                                <span>[[${navCategory.name}]]</span>
                                <i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
                            </a>
                            <th:block th:if="${#maps.containsKey(navCategory, 'children')}">
                                <ul>
                                    <li th:each="navChildren : ${navCategory.children}">
                                        <a th:href=" ${'#term-' + navChildren.id}" class="smooth"><span>[[${navChildren.name}]]</span></a>
                                    </li>
                                </ul>
                            </th:block>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 左侧菜单 end -->

        <!-- 左侧菜单 底部 start -->
        <div class="border-top py-2 border-color">
            <div class="flex-bottom">
                <ul>
                    <li id="menu-item-237"
                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-237 sidebar-item">
                        <a href="https://rlsx4poorm.feishu.cn/sheets/HYBos1XcvhiUEQtCdrDcJZnenCd?from=from_copylink"
                           target="_blank">
                            <i class="fa fa-solid fa-clipboard icon-fw icon-lg mr-2"></i>
                            <span>网站提交</span></a>
                    </li>

<!--                    <li id="menu-item-213"-->
<!--                        class="menu-item menu-item-type-custom menu-item-object-custom menu-item-213 sidebar-item">-->
<!--                        <a target="_blank" rel="noopener" href="index1.html">-->
<!--                            <i class="fa fa-heart icon-fw icon-lg mr-2"></i>-->
<!--                            <span>关于导航</span></a>-->
<!--                    </li>-->

                </ul>
            </div>
        </div>
        <!-- 左侧菜单 底部 end -->
    </div>
</div>
</html>